@import "../../../../style/pc/default/theme";
@import "../../../scroll-area/style/default";
@import "../../../resize-observer/style/default";
.lexmis-BothScrollArea{
	position:relative;
	overflow:hidden;
	>.lexmis-ScrollArea{
		height:100%;
		overflow:hidden;
		.lexmis_scroll{
			width:100%;
			display:flex;
			overflow-y:hidden;
			overflow-x:auto;
			scrollbar-width:none;
			&::-webkit-scrollbar{
				width:0;
				height:0;
				display:none;
			}
		}
	}
	>.lexmis_bar,>.lexmis_thumb{
		position:absolute;
		z-index:$-scroll-bar-index;
		height:10px;
		bottom:0;
		opacity:0.2;
		transition:opacity $-scroll-bar-transition;
		cursor:grab;
		&.lexmis_hidden{
			opacity:0 !important;
			pointer-events:none;
		}
	}
	>.lexmis_bar{
		width:100%;
	}
	>.lexmis_thumb{
		background:#000;
		&:hover{
			opacity:0.3;
		}
		&:active{
			opacity:0.5;
		}
	}
}
